<table width="740px" border="0" cellspacing="0" cellpadding="0" class="orderdetail">
  <tr>
    <td style="background:url(images/bbc_08.jpg)">
    <table width="100%" border="0" cellspacing="0" cellpadding="5">
      <tr>
    	<td style="color:#FFF">Order detail</td>
      </tr>
  	</table>
  	</td>
  </tr>
  <tr>
    <td>
    <table width="100%" border="0" cellspacing="0" cellpadding="2" class="orderpanel">
      <tr>
        <td># ITEM</td>
        <td align="right">$ PRICE</td>
        <td align="right">Qty.</td>
      </tr>
    {#foreach $T.items as oitem}
      <tr>
        <td><span style="font-style: italic; font-size:12px">{$T.oitem.itemName}</span>
        <input type="hidden" name="id" value="{$T.oitem.itemId}"/>
        </td>
        <td align="right">
        	<span style="font-style: italic; font-size:12px" name="price">{$T.oitem.unitAmount.toFixed(2)}</span>
        </td>
        <td align="right">
        	<input type="text" id = "{$T.oitem.itemId}" name="units" onchange="refreshTotal(this);" style="width:60px; font-style: italic; font-size:12px" value="{$T.oitem.units}"/>
        </td>
      </tr>
    {#/for}
    </table>
    </td>
  </tr>
  <tr>
    <td>
      <table width="100%" border="0" cellspacing="0" cellpadding="2" style="border-bottom:dotted;">
      <tr style="border-top:dashed">
        <td>&nbsp;</td>
        <td align="right"><span style="font-style: italic; font-size:12px">Subtotal:</span></td>
        <td align="right">
        <span id="t_subtotal" style="font-style: italic; font-size:12px">{$T.subtotal.toFixed(2)}</span>
        </td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td align="right"><span style="font-style: italic; font-size:12px">Service Charge:</span></td>
        <td align="right">
        <span id="t_serviceCharge" style="font-style: italic; font-size:12px">{$T.serviceCharge.toFixed(2)}</span>
        </td>
      </tr>
      <tr style="border-top:dashed">
        <td>&nbsp;</td>
        <td align="right"><span style="font-style: italic; font-size:12px">Total:</span></td>
        <td align="right">
        <span id="t_totalAmount" style="font-style: italic; font-size:14px">{$T.totalAmount.toFixed(2)}</span>
        </td>
      </tr>
      </table>
      </td>
  </tr>
  <tr>
    <td><span style="font-style: italic; font-size:12px">This order Delivery 3-7 workdays</span></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="orderpanel">
      <tr>
        <td width="500">
        	<form id="orderfrom">
            <table border="0" cellspacing="0" cellpadding="3">
              <tr>
                <td width="140">Name:</td>
                <td width="70%">
                    <input type="text" name="customerName" style="width:150px" value="{$T.customerName}"/>
                    <input type="hidden" id="fieldsessionId" name="sessionId" value="{$T.sessionId}"/>
                    <input type="hidden" id="fieldcustomerId" name="customerId" value="{$T.customerId}"/>
                    <input type="hidden" id="p_subtotal" name="subtotal" value="{$T.subtotal}"/>
                    <input type="hidden" name="serviceCharge" value="{$T.serviceCharge}"/>
                    <input type="hidden" id="p_totalAmount" name="totalAmount" value="{$T.totalAmount}"/>
                </td>
              </tr>
              <tr>
                <td>Phone:</td>
                <td><input type="text" name="phone" style="width:150px" value="{$T.phone}"/></td>
              </tr>
              <tr>
                <td>Email:</td>
                <td><input type="text" name="email" style="width:200px" value="{$T.email}"/></td>
              </tr>
              <tr>
                <td>Credit Card Type:</td>
                <td><input type="radio" name="cardType" checked="checked" value="0"/>VISA
                    <input type="radio" name="cardType" value="1"/>MASTER</td>
              </tr>
              <tr>
                <td>Credit Card No:</td>
                <td><input type="text" name="cradNo" style="width:200px"/></td>
              </tr>
              <tr>
                <td>Expiry Date:</td>
                <td><input type="text" name="expiryDate" style="width:100px"/>MMYYYY e.g. 082017</td>
              </tr>
              <tr>
                <td>CVC:</td>
                <td><input type="text" name="cvc" style="width:60px"/>Plese check the back of your card</td>
              </tr>
              <tr>
                <td>Shipping Address:</td>
                <td><input type="text" name="shippingAdd" style="width:300px" value="{$T.shippingAdd}"/></td>
              </tr>
              <tr>
                <td>Post Code:</td>
                <td><input type="text" name="postCode" style="width:100px" value="{$T.postCode}"/></td>
              </tr>
            </table>
            </form>
        </td>
        <td width="20%">Already member? <br><a href="#" onclick="registerMember();">regist</a> | please login from top bar</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>
    Byclicking on the "Place Order" button, I agree to the Terms and Conditions and acknowledge that there will be no refunds, exchanges or cancellations. View our Privacy Policy <a href="#">here</a>.</td>
  </tr>
  <tr>
    <td><a href="#" onclick="placeOrder();">Place Order</a></td>
  </tr>
</table>

